#checkWriteRecord {
    height: 100%;
    display: flex;
    flex-direction: column;

    // 顶部css
    .header {
        width: 100%;
        height: 80px;
        border-bottom: 1px solid lightgray;

        .home {
            margin-left: 15%;
        }

        #person-msg {
            float: right;
            margin-right: 16%;
            margin-top: -80px;

            &:hover {
                .iconfont {
                    color: #0084FF;
                }
            }
        }

        .iconfont {
            line-height: 80px;
            font-size: 30px;
            color: rgb(128, 128, 128);
        }

        .dialog {
            position: absolute;
            z-index: 4;
            top: 52px;
            right: 11%;
            width: 100px;
            height: 120px;
            color: white;
            text-align: center;
            font-size: 14px;
            font-weight: lighter;
            background-color: rgba(109, 109, 109, 0.418);
            border-radius: 6px;
            box-shadow: 1px 1px 5px rgba(0, 0, 0, .12);

            div {
                width: 100px;
                height: 30px;
                cursor: pointer;
                line-height: 30px;
                border-radius: 6px;

                &:first-child {
                    margin-top: 0.5px;
                }

                &:hover {
                    background-color: white;
                    color: #0084FF;

                }
            }

        }
    }


    // 中间内容css
    .content {
        flex: auto;
        // position: relative;
        // height: 100%;
        // left: 50%;
        // width: 1200px;
        // height: auto;
        // transform: translateX(-50%);

        // 按钮
        .educe {
            margin-top: 25px;
            margin-bottom: 50px;
            margin-left: 65%;
            color: #fff;

            a {
                text-decoration: none;
                color: #fff;
            }
        }

        // 搜索框end
        // 左侧内容
        .card {
            box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
        }

        .left-aside {
            margin: 20px 5px 20px 20px;
            color: rgb(114, 114, 114);


            .iTableData {
                color: #666;
                margin: 30px auto;

                th {
                    border: 1px solid rgb(228, 227, 227);
                    text-align: center;
                    padding: 20px 60px;
                }

                td {
                    border: 1px solid rgb(228, 227, 227);
                    text-align: center;
                    padding: 20px 60px;
                }
            }

            .diviPage {
                //  margin: 0 auto;
                text-align: center !important;
            }
        }

        // 左侧内容end
        // 右侧内容
        .right-aside {
            margin: 20px 20px 20px 5px;
        }

        // 右侧内容end
    }


    // 底部
    .footer {
        position: relative;
        width: 100%;
        height: 210px;
        margin-top: 50px;
        bottom: 0;
        border-top: 1px solid lightgray;
        background: #0084FF;

        .footer-content {
            position: absolute;
            width: 1200px;
            height: 80px;
            left: 50%;
            transform: translateX(-50%);


            .report,
            .contact {
                margin-top: 85px;
                margin-left: 120px;
                color: #fff;
                height: 80px;
                // border-right: 1px solid lightgray;
            }


        }
    }

    // 底部end

}